<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>
			小米,小米6,红米Note4,小米MIX,小米商城
		</title>
		<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
		<meta  name="description" content="小米商城直营小米公司旗下所有产品，囊括小米手机系列小米MIX、小米Note 2，红米手机系列红米Note 4、红米4，智能硬件，配件及小米生活周边，同时提供小米客户服务及售后支持。" />
		<meta  name="Keywords" content="网上购物,网上商城,手机,笔记本,电脑,MP3,CD,VCD,DV,相机,数码,配件,手表,存储卡,京东" />
		<meta  name="keywords" content="小米,小米6,红米Note4,小米MIX,小米商城" />
		<link rel="stylesheet" type="text/css" href="css/base.css" />
		<link rel="stylesheet" type="text/css" href="css/style.css" />
		<link rel="stylesheet" type="text/css" href="css/swiper-bundle.min.css" />
		<script src="js/swiper-bundle.min.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<!-- top -->
		<div class="top">
			<!-- 盒子的版心整体部分 -->
			<div class=" banxin top1 ">
				<!-- 版心的左边部分 -->
				<div class="top1_left">
					<ul>
						<li><a href="#">小米商城</a><span>|</span></li>
						<li><a href="#">MIUI</a><span>|</span></li>
						<li><a href="#">IoT</a><span>|</span></li>
						<li><a href="#">云服务</a><span>|</span></li>
						<li><a href="#">天星数科</a><span>|</span></li>
						<li><a href="#">有品</a><span>|</span></li>
						<li><a href="#">小爱开放平台</a><span>|</span></li>
						<li><a href="#">企业团购</a><span>|</span></li>
						<li><a href="#">资质证照</a><span>|</span></li>
						<li><a href="#">协议规则</a><span>|</span></li>
						<li><a href="#">下载app</a><span>|</span></li>
						<li><a href="#">小米商城APP</a><span>|</span></li>
						<li><a href="#">智能生活</a><span>|</span></li>
					</ul>
				</div>
				<!-- 版心的右边部分 -->
				<div class="top1_right">
					<!-- 版心的右边部分    文字部分 -->
					<div class="top1_right_wenzi">
						<ul>
							<li><a href="uname.html">登录</a><span>|</span></li>
							<li><a href="#">注册</a><span>|</span></li>
							<li><a href="#">消息通知</a></li>
						</ul>
					</div>
					<!-- 后面的背景图片 -->
					<div class="top1_right_tupiao">
						<!-- <img src="img/shop.png"> --><a href="#"><span>购物车（0）</span></a>
					</div>
				</div>
				<!-- 购物车的样式 -->
				<div class="top1_right_tupiao_shop">
					购物车还没有商品赶紧选购吧
				</div>
				<!-- 接触上面的样式变化 -->
				<script type="text/javascript">
					var top1_right_tupiao = document.querySelector('.top1_right_tupiao');
					var top1_right_tupiao_shop = document.querySelector('.top1_right_tupiao_shop');
					top1_right_tupiao.onmousemove = function() {
						top1_right_tupiao_shop.style.display = 'block';
					}
					top1_right_tupiao.onmouseleave = function() {
						top1_right_tupiao_shop.style.display = 'none';
					}
				</script>
			</div>
		</div>
		<!-- /top -->
		<!-- middle -->
		<!-- middle 中间部分 -->

		<div class="banxin middle">
			<!-- logo图标 -->
			<img src="./img/logo-mi2.png">
			<!-- logo后面的文字 -->

			<div class="middle_center">
				<div class="xiaomi">
					<div class="xiaomi11">
						<div class="xiaomi111">
							<div class="ty">
								<div class="ty1">
									<img src="img/ty4.jpg">
								</div>
								<div class="ty2">
									<img src="img/ty2.jpg">
								</div>
								<div class="ty2">
									<img src="img/ty3.jpg">
								</div>
								<div class="ty2">
									<img src="img/ty6.jpg">
								</div>
								<div class="ty2">
									<img src="img/ty6.jpg">
								</div>
								<div class="ty2">
									<img src="img/ty2.jpg">
								</div>
							</div>
							<div class="ty_text">
								<div class="ty_text1">
									小米MIX FOLD</br>
									<span>9999元起</span>
								</div>
								<div class="ty_text2">
									小米11 ultra</br>
									<span>5999元起</span>
								</div>
								<div class="ty_text3">
									小米11 pro</br>
									<span>4999元起</span>
								</div>
								<div class="ty_text3">
									小米11 青春版</br>
									<span>2999元起</span>
								</div>
								<div class="ty_text3">
									小米11 10s</br>
									<span>2999元起</span>
								</div>
								<div class="ty_text3">
									小米11 </br>
									<span>3799元起</span>
								</div>
							</div>
						</div>
					</div>
					<div class=" banxin xiaomi11">
						<div class="xiaomi111">
							<div class="ty">
								<div class="ty1">
									<img src="img/ty11.jpg">
								</div>
								<div class="ty2">
									<img src="img/ty22.jpg">
								</div>
								<div class="ty2">
									<img src="img/ty33.jpg">
								</div>
								<div class="ty2">
									<img src="img/ty44.jpg">
								</div>
								<div class="ty2">
									<img src="img/ty55.jpg">
								</div>
								<div class="ty2">
									<img src="img/ty22.jpg">
								</div>
							</div>
							<div class="ty_text">
								<div class="ty_text1">
									Note 10 Pro</br>
									<span>1699元起</span>
								</div>
								<div class="ty_text2">
									Redmi Note 10 5G</br>
									<span>1099元起</span>
								</div>
								<div class="ty_text3">
									k40 游戏增强版</br>
									<span>1999元起</span>
								</div>
								<div class="ty_text3">
									k40 pro系列 </br>
									<span>1999元起</span>
								</div>
								<div class="ty_text3">
									redmi k40</br>
									<span>1999元起</span>
								</div>
								<div class="ty_text3">
									redmi note9 </br>
									<span>999元起</span>
								</div>
							</div>
						</div>
					</div>
					<div class=" banxin xiaomi11">
						<div class="xiaomi111">
							<div class="ty">
								<div class="ty1">
									<img src="img/ty111.jpg">
								</div>
								<div class="ty2">
									<img src="img/ty222.jpg">
								</div>
								<div class="ty2">
									<img src="img/ty333.jpg">
								</div>
								<div class="ty2">
									<img src="img/ty444.jpg">
								</div>
								<div class="ty2">
									<img src="img/ty222.jpg">
								</div>
								<div class="ty2">
									<img src="img/ty444.jpg">
								</div>
							</div>
							<div class="ty_text">
								<div class="ty_text1">
									小米MIX FOLD</br>
									<span>9999元起</span>
								</div>
								<div class="ty_text2">
									小米11 ultra</br>
									<span>5999元起</span>
								</div>
								<div class="ty_text3">
									小米11 pro</br>
									<span>4999元起</span>
								</div>
								<div class="ty_text3">
									小米11 青春版</br>
									<span>2999元起</span>
								</div>
								<div class="ty_text3">
									小米11 10s</br>
									<span>2999元起</span>
								</div>
								<div class="ty_text3">
									小米11 </br>
									<span>3799元起</span>
								</div>
							</div>
						</div>
					</div>
					<div class=" banxin xiaomi11">
						<div class="xiaomi111">
							<div class="ty">
								<div class="ty1">
									<img src="img/ty1111.jpg">
								</div>
								<div class="ty2">
									<img src="img/ty2222.jpg">
								</div>
								<div class="ty2">
									<img src="img/ty3333.jpg">
								</div>
								<div class="ty2">
									<img src="img/ty4444.jpg">
								</div>
								<div class="ty2">
									<img src="img/ty2222.jpg">
								</div>
								<div class="ty2">
									<img src="img/ty3333.jpg">
								</div>
							</div>
							<div class="ty_text">
								<div class="ty_text1">
									redmibook pro 14 瑞龙版</br>
									<span>4499元起</span>
								</div>
								<div class="ty_text2">
									redmibook pro 15 瑞龙版 </br>
									<span>4999元起</span>
								</div>
								<div class="ty_text3">
									小米笔记本pro15 瑞龙版</br>
									<span>6799元起</span>
								</div>
								<div class="ty_text3">
									小米笔记本pro15 </br>
									<span>6499元起</span>
								</div>
								<div class="ty_text3">
									redmibook pro14</br>
									<span>4699元起</span>
								</div>
								<div class="ty_text3">
									小米笔记本 </br>
									<span>5299元起</span>
								</div>
							</div>
						</div>
					</div>
					<div class=" banxin xiaomi11">
						<div class="xiaomi111">
							<div class="ty">
								<div class="ty1">
									<img src="img/tyu1.jpg">
								</div>
								<div class="ty2">
									<img src="img/tyu3.jpg">
								</div>
								<div class="ty2">
									<img src="img/tyu3.jpg">
								</div>
								<div class="ty2">
									<img src="img/tyu4.jpg">
								</div>
								<div class="ty2">
									<img src="img/tyu5.jpg">
								</div>
								<div class="ty2">
									<img src="img/tyu4.jpg">
								</div>
							</div>
							<div class="ty_text">
								<div class="ty_text1">
									小米MIX FOLD</br>
									<span>9999元起</span>
								</div>
								<div class="ty_text2">
									小米11 ultra</br>
									<span>5999元起</span>
								</div>
								<div class="ty_text3">
									小米11 pro</br>
									<span>4999元起</span>
								</div>
								<div class="ty_text3">
									小米11 青春版</br>
									<span>2999元起</span>
								</div>
								<div class="ty_text3">
									小米11 10s</br>
									<span>2999元起</span>
								</div>
								<div class="ty_text3">
									小米11 </br>
									<span>3799元起</span>
								</div>
							</div>
						</div>
					</div>
					<div class=" banxin xiaomi11">
						<div class="xiaomi111">
							<div class="ty">
								<div class="ty1">
									<img src="img/tyu11.jpg">
								</div>
								<div class="ty2">
									<img src="img/tyu33.jpg">
								</div>
								<div class="ty2">
									<img src="img/tyu44.jpg">
								</div>
								<div class="ty2">
									<img src="img/tyu44.jpg">
								</div>
								<div class="ty2">
									<img src="img/tyu33.jpg">
								</div>
								<div class="ty2">
									<img src="img/tyu44.jpg">
								</div>
							</div>
							<div class="ty_text">
								<div class="ty_text1">
									小米全自动门锁</br>
									<span>1799元起</span>
								</div>
								<div class="ty_text2">
									redmi小爱触屏音箱pro8</br>
									<span>5999元起</span>
								</div>
								<div class="ty_text3">
									小米小爱触屏音箱</br>
									<span>4999元起</span>
								</div>
								<div class="ty_text3">
									redmi小爱音箱</br>
									<span>2999元起</span>
								</div>
								<div class="ty_text3">
									小米小爱触屏音箱</br>
									<span>4999元起</span>
								</div>
								<div class="ty_text3">
									redmi小爱音箱</br>
									<span>2999元起</span>
								</div>
							</div>
						</div>
					</div>
					<div class=" banxin xiaomi11">
						<div class="xiaomi111">
							<div class="ty">
								<div class="ty1">
									<img src="img/jkl1.jpg">
								</div>
								<div class="ty2">
									<img src="img/jkl2.jpg">
								</div>
								<div class="ty2">
									<img src="img/jkl3.jpg">
								</div>
								<div class="ty2">
									<img src="img/jkl3.jpg">
								</div>
								<div class="ty2">
									<img src="img/jkl5.jpg">
								</div>
							</div>
							<div class="ty_text">
								<div class="ty_text1">
									小米MIX FOLD</br>
									<span>9999元起</span>
								</div>
								<div class="ty_text2">
									小米11 ultra</br>
									<span>5999元起</span>
								</div>
								<div class="ty_text3">
									小米11 pro</br>
									<span>4999元起</span>
								</div>
								<div class="ty_text3">
									小米11 青春版</br>
									<span>2999元起</span>
								</div>
								<div class="ty_text3">
									查看全部</br>
									<span>智能硬件</span>
								</div>
							</div>
						</div>
					</div>
				</div>
				<ul id="page-logo-con-con" class=" container page-logo-con-con">
					<li><a href="#">小米手机</a></li>
					<li><a href="#">Redmi红米</a></li>
					<li><a href="#">电视</a></li>
					<li><a href="#">笔记本</a></li>
					<li><a href="#">家电</a></li>
					<li><a href="#">路由器</a></li>
					<li><a href="#">智能硬件</a></li>
					<li><a href="#">服务</a></li>
					<li><a href="#">社区</a></li>
				</ul>
				<script type="text/javascript">
					var pagelogoconcon = document.querySelector('.page-logo-con-con');
					var lies = pagelogoconcon.querySelectorAll('li');
					var xiaomi = document.querySelector('.xiaomi');
					var xiaomi11 = xiaomi.querySelectorAll('.xiaomi11');
					//鼠标浮动上去
					for (var i = 0; i <= lies.length - 1; i++) {
						lies[i].setAttribute('index', i);
						lies[i].onmousemove = function() {
							//干掉所有人的背景颜色
							for (var i = 0; i <= lies.length - 1; i++) {
								lies[i].style.backgroundColor = '';
							}
							//给自己添加背景颜色

							var index = this.getAttribute('index');
							for (var i = 0; i <= xiaomi11.length - 1; i++) {
								xiaomi11[i].style.display = 'none';
							}
							xiaomi11[index].style.display = 'block';
							xiaomi.style.display = 'block';
						}
					}
					// 鼠标离开
					var xiaomi = document.querySelector('.xiaomi');
					xiaomi.onmouseleave = function() {
						for (var i = 0; i <= lies.length - 1; i++) {
							lies[i].style.backgroundColor = '';
						}
						for (var i = 0; i <= xiaomi11.length - 1; i++) {
							xiaomi11[i].style.display = 'none';
							xiaomi.style.display = 'none';
						}
					}
				</script>
			</div>
			<!-- midder 后面的input butten -->
			<div class="middle_center_text">
				<input type="text" name="" id="middle_center_text1" value="" placeholder="手机" />
				<button type="button" id="middle_center_text2"></button>
				<div class="middle_center_text_list">
					<ul>
						<li><a href="#">扫地机器人</a></li>
						<li><a href="#">全部搜索</a></li>
						<li><a href="#">小米11</a></li>
						<li><a href="#">小米手机</a></li>
						<li><a href="#">洗衣机</a></li>
						<li><a href="#">空调</a></li>
						<li><a href="#">耳机</a></li>
					</ul>
				</div>
				<!-- midder 后面的input butten  下面的样式 -->
				<script type="text/javascript">
					var middle_center_text1 = document.getElementById('middle_center_text1');
					var middle_center_text_list = document.querySelector('.middle_center_text_list');
					middle_center_text1.onfocus = function() {
						middle_center_text_list.style.display = 'block';
					}
					middle_center_text1.onblur = function() {
						middle_center_text_list.style.display = 'none';
					}
				</script>
			</div>

		</div>
		<!-- /middle2.0 -->

		<div class="xiaomi">

		</div>
		<!-- 轮播图 -->
		<div class="swiperr">

		</div>
		<div style="height: 460px; width: 1226px;" class="swiper-container banner">
			<div class="swiper-wrapper">
				<!-- 下面是4个不同颜色的轮播滑块 -->
				<div style="" class="swiper-slide sw-slide"><img src="img/banner2.jpeg" height="460px "></div>
				<div style="" class="swiper-slide sw-slide"><img src="img/banner1.jpg" height="460px"></div>
				<div style="" class="swiper-slide"><img src=""><img src="img/123.webp" height="460px"></div>
				<div style="" class="swiper-slide"><img src="img/456.webp" height="460px"></div>
			</div>
			<div class="swiper-button-prev" style="margin-left: 225px;"></div>
			<!--左箭头-->
			<div class="swiper-button-next"></div>
			<!--右箭头-->
			<div class="swiper-pagination"></div>
			<!--分页器（就是4个点点）-->
			<!-- 根据logo图标所在的盒子所弄得定位    轮播图的最左边 -->
			<div class="sidebar">
				<ul>
					<li><a href="#">手机 电话卡<span>></span></a></li>
					<li><a href="#">电视 盒子<span>></span></a></li>
					<li><a href="#">电视 盒子<span>></span></a></li>
					<li><a href="#">家电 插线板<span>></span></a></li>
					<li><a href="#">出行 穿戴<span>></span></a></li>
					<li><a href="#">智能 路由器<span>></span></a></li>
					<li><a href="#">电源 配件<span>></span></a></li>
					<li><a href="#">健康 儿童<span>></span></a></li>
					<li><a href="#">耳机 音响<span>></span></a></li>
					<li><a href="#">耳机 音响<span>></span></a></li>
				</ul>
			</div>
			<div class="sidebar_content">
				<div class="item">
					<ul>
						<li><a href="#"><img src="img/banner-left-1.png"><strong>小米MIX FOLD</strong></a></li>
						<li><a href="#"><img src="img/banner-left-2.webp"><strong>小米10</strong></a></li>
						<li><a href="#"><img src="img/banner-left-3.webp"> <strong>Note 10 Pro</strong></a></li>
						<li><a href="#"><img src="img/banner-left-4.webp"> <strong>Redmi Note 9 </strong></a></li>
						<li><a href="#"><img src="img/banner-left-5.webp"><strong>小米11 Uitra</strong></a></li>
						<li><a href="#"><img src="img/banner-left-6.webp"> <strong>黑鲨4 Pro</strong></a></li>
						<li><a href="#"><img src="img/banner-left-7.webp"> <strong>Note 10 5G</strong></a></li>
						<li><a href="#"><img src="img/banner-left-8.webp"> <strong>Redmi Not 9 </strong></a></li>
						<li><a href="#"><img src="img/banner-left-9.webp"> <strong>小米11Pro</strong></a></li>
						<li><a href="#"><img src="img/banner-left-10.webp"> <strong>黑鲨4</strong></a></li>
						<li><a href="#"><img src="img/banner-left-11.webp"> <strong>K40 游戏增强版</strong></a></li>
						<li><a href="#"><img src="img/banner-left-12.webp"> <strong>Redmi Note 9 4G</strong></a></li>
						<li><a href="#"><img src="img/banner-left-13.webp"> <strong>小米11 青春</strong></a></li>
						<li><a href="#"><img src="img/banner-left-14.webp"> <strong>Redmi K30S至尊纪念版</strong></a></li>
						<li><a href="#"><img src="img/banner-left-15.webp"> <strong>K40 Pro 系列</strong></a></li>
						<li><a href="#"><img src="img/banner-left-16.webp"> <strong>Redmi Note8 Pro</strong></a></li>
						<li><a href="#"><img src="img/banner-left-17.webp"> <strong>小米10S</strong></a></li>
						<li><a href="#"><img src="img/banner-left-1.png"> <strong>小米云服务</strong></a></li>
						<li><a href="#"><img src="img/banner-left-19.webp"> <strong>Redmi K40</strong></a></li>
						<li><a href="#"><img src="img/banner-left-8.webp"> <strong>手机上门维修</strong></a></li>
						<li><a href="#"><img src="img/banner-left-21.webp"> <strong>小米11</strong></a></li>
						<li><a href="#"><img src="img/banner-left-22.webp"> <strong>Redmi K30 至尊纪念版</strong></a></li>
						<li><a href="#"><img src="img/banner-left-23.webp"> <strong>Redmi 10X 5G</strong></a></li>
						<li><a href="#"><img src="img/banner-left-24.webp"> <strong>Redmi 9</strong></a></li>
					</ul>
				</div>
				<div class="item" style="width: 900px; height: 500px; ">
					<ul>
						<li style="height: 50px; width: 180px; "><img src="img/banner-left-25.webp"><a href="#"><strong>Redmi MAX 86 超大屏</strong></a></li>
						<li style="height: 50px; width: 180px; "><img src="img/banner-left-26.webp"><strong>Redmi 智能电视X系列</strong><a href="#"></a></li>
						<li style="height: 50px; width: 180px; "><img src="img/banner-left-27.jpg"><strong>小米盒子</strong><a href="#"></a></li>
						<li style="height: 50px; width: 180px; "><img src="img/banner-left-28.webp"><strong>电视音箱</strong><a href="#"></a></li>
						<li style="height: 50px; width: 180px; "><img src="img/banner-left-29.webp"><strong>小米透明电视</strong><a href="#"></a></li>
						<li style="height: 50px; width: 180px; "><img src="img/banner-left-30.webp"><strong>小米电视大师 82英寸</strong><a href="#"></a></li>
						<li style="height: 50px; width: 180px; "><img src="img/banner-left-31.webp"><strong>大师电视65英寸 OLED</strong><a href="#"></a></li>
						<li style="height: 50px; width: 180px; "><img src="img/banner-left-32.webp"><strong>Redmi 智能电视 MAX </strong><a
							 href="#"></a></li>
						<li style="height: 50px; width: 180px; "><img src="img/banner-left-33.webp"><strong>小米电视5 Pro 55英寸</strong><a
							 href="#"></a></li>
						<li style="height: 50px; width: 180px; "><img src="img/banner-left-34.webp"><strong>小米电视5 Pro 65英寸</strong><a
							 href="#"></a></li>
						<li style="height: 50px; width: 180px; "><img src="img/banner-left-35.webp"><strong>小米电视5Pro 75英寸</strong><a href="#"></a></li>
						<li style="height: 50px; width: 180px; "><img src="img/banner-left-36.webp"><strong>小米电视5 75英寸</strong><a href="#"></a></li>
						<li style="height: 50px; width: 180px; "><img src="img/banner-left-37.webp"><strong>小米电视5 65英寸</strong><a href="#"></a></li>
						<li style="height: 50px; width: 180px; "><img src="img/banner-left-38.webp"><strong>R小米电视5 55英寸</strong><a href="#"></a></li>
						<li style="height: 50px; width: 180px; "><img src="img/banner-left-39.webp"><strong>小米电视4A 60英寸</strong><a href="#"></a></li>
						<li style="height: 50px; width: 180px; "><img src="img/banner-left-40.webp"><strong>小米电视4A 70英寸</strong><a href="#"></a></li>
						<li style="height: 50px; width: 180px; "><img src="img/banner-left-41.webp"><strong>Redmi 智能电视 A系列</strong><a
							 href="#"></a></li>
						<li style="height: 50px; width: 180px; "><img src="img/banner-left-42.webp"><strong>小米全面屏电视E43K</strong><a href="#"></a></li>
						<li style="height: 50px; width: 180px; "><img src="img/banner-left-43.webp"><strong>Redmi 智能电视 X55</strong><a
							 href="#"></a></li>
						<li style="height: 50px; width: 180px; "><img src="img/banner-left-44.webp"><strong>小米电视4S 75英寸</strong><a href="#"></a></li>
						<li style="height: 50px; width: 180px; "><img src="img/banner-left-45.webp"><strong>量子点电视</strong><a href="#"></a></li>
						<li style="height: 50px; width: 180px; "><img src="img/banner-left-46.webp"><strong>金属全面屏电视</strong><a href="#"></a></li>
						<li style="height: 50px; width: 180px; "><img src="img/banner-left-47.jpg"><strong>小米全面屏电视</strong><a href="#"></a></li>
						<li style="height: 50px; width: 180px; "><img src="img/banner-left-48.jpg"><strong>小米壁画电视</strong><a href="#"></a></li>
					</ul>
				</div>
				<div class="item" style="width: 700px; height: 500px; ">
					<ul>
						<li style="height: 50px; width: 200px;"><img src="img/banner-left-49.webp"><a href="#"><strong>RedmiBook Pro 14 锐</strong></a></li>
						<li style="height: 50px; width: 200px;"><img src="img/banner-left-45.webp"><a href="#"><strong>RedmiBook Pro15</strong></a></li>
						<li style="height: 50px; width: 200px;"><img src="img/banner-left-51.webp"><a href="#"><strong>小米/Redmi显示器</strong></a></li>
						<li style="height: 50px; width: 200px;"><img src="img/banner-left-52.webp"><a href="#"><strong>RedmiBook Pro 15 锐</strong></a></li>
						<li style="height: 50px; width: 200px;"><img src="img/banner-left-53.webp"><a href="#"><strong>Redmi 游戏本</strong></a></li>
						<li style="height: 50px; width: 200px;"><img src="img/banner-left-54.webp"><a href="#"><strong>键鼠套装</strong></a></li>
						<li style="height: 50px; width: 200px;"><img src="img/banner-left-55.webp"><a href="#"><strong>小米笔记本Pro15 锐龙版</strong></a></li>
						<li style="height: 50px; width: 200px;"><img src="img/banner-left-56.webp"><a href="#"><strong>RedmiBook Air 13</strong></a></li>
						<li style="height: 50px; width: 200px;"><img src="img/banner-left-157.jpg"><a href="#"><strong>鼠标</strong></a></li>
						<li style="height: 50px; width: 200px;"><img src="img/banner-left-58.webp"><a href="#"></a><strong>小米笔记本Pro 15</strong></li>
						<li style="height: 50px; width: 200px;"><img src="img/banner-left-59.webp"><a href="#"><strong>RedmiBook 16</strong></a></li>
						<li style="height: 50px; width: 200px;"><img src="img/banner-left-60.webp"><a href="#"><strong>小米笔记本Pro15</strong></a></li>
						<li style="height: 50px; width: 200px;"><img src="img/banner-left-61.webp"><a href="#"><strong>小米笔记本Pro 15.6"</strong></a></li>
						<li style="height: 50px; width: 200px;"><img src="img/banner-left-62.webp"><a href="#"><strong>RedmiBook Pro 14</strong></a></li>
						<li style="height: 50px; width: 200px;"><img src="img/banner-left-63.webp"><a href="#"><strong>小米笔记本Pro15</strong></a></li>
						<li style="height: 50px; width: 200px;"><img src="img/banner-left-49.webp"><a href="#"><strong>小米笔记本Pro15</strong></a></li>
						<li style="height: 50px; width: 200px;"><img src="img/banner-left-50.webp"><a href="#"><strong>小米笔记本Pro15</strong></a></li>

					</ul>
				</div>
				<div class="item">
					<ul>
						<li><a href="#"><img src="img/banner-left-64.webp"><strong>冰箱</strong></a></li>
						<li><a href="#"><img src="img/banner-left-65.webp"><strong>微波炉</strong></a></li>
						<li><a href="#"><img src="img/banner-left-66.jpg"><strong>电磁炉</strong></a></li>
						<li><a href="#"><img src="img/banner-left-67.jpg"><strong>插线板</strong></a></li>
						<li><a href="#"><img src="./img/banner-left-68.png"><strong>立式空调</strong></a></li>
						<li><a href="#"><img src="img/banner-left-69.webp"><strong>电烤箱</strong></a></li>
						<li><a href="#"><img src="img/banner-left-70.jpg"><strong>电水壶</strong></a></li>
						<li><a href="#"><img src="img/banner-left-71.jpg"><strong>新风机</strong></a></li>
						<li><a href="#"><img src="img/banner-left-72.png"><strong>壁挂空调</strong></a></li>
						<li><a href="#"><img src="img/banner-left-73.jpg"><strong>扫地机器人</strong></a></li>
						<li><a href="#"><img src="img/banner-left-74.jpg"><strong>滤水壶</strong></a></li>
						<li><a href="#"><img src="img/banner-left-75.jpg"><strong>电暖器</strong></a></li>
						<li><a href="#"><img src="img/banner-left-76.png"><strong>滚筒洗衣机</strong></a></li>
						<li><a href="#"><img src="img/banner-left-77.jpg"><strong>吸尘器</strong></a></li>
						<li><a href="#"><img src="img/banner-left-78.png"><strong>落地风扇</strong></a></li>
						<li><a href="#"><img src="img/banner-left-79.jpg"><strong>电压力锅</strong></a></li>
						<li><a href="#"><img src="img/banner-left-80.jpg"><strong>Redmi全自动波轮洗衣机</strong></a></li>
						<li><a href="#"><img src="img/banner-left-81.jpg"><strong>空气净化器</strong></a></li>
						<li><a href="#"><img src="img/banner-left-82.png"><strong>投影仪</strong></a></li>
						<li><a href="#"><img src="img/banner-left-83.jpg"><strong>料理机</strong></a></li>
						<li><a href="#"><img src="img/banner-left-84.jpg"><strong>净水器</strong></a></li>
						<li><a href="#"><img src="img/banner-left-85.jpg"><strong>电饭煲</strong></a></li>
						<li><a href="#"><img src="img/banner-left-86.jpg"><strong>灯具</strong></a></li>
					</ul>
				</div>
				<div class="item" style="width: 700px; height: 500px;">
					<ul>
						<li><a href="#"><img src="img/banner-left-87.webp"><strong>小米手环6NFC版</strong></a></li>
						<li><a href="#"><img src="img/banner-left-88.jpg"><strong>平衡车</strong></a></li>
						<li><a href="#"><img src="img/banner-left-89.jpg"><strong>无线车充</strong></a></li>
						<li><a href="#"><img src="img/banner-left-90.webp"><strong>小米手环6 标准版</strong></a></li>
						<li><a href="#"><img src="img/banner-left-91.jpg"><strong>滑板车</strong></a></li>
						<li><a href="#"><img src="img/banner-left-92.jpg"><strong>充电宝</strong></a></li>
						<li><a href="#"><img src="img/banner-left-93.webp"><strong>Redmi 手表</strong></a></li>
						<li><a href="#"><img src="img/banner-left-94.webp"><strong>自行车</strong></a></li>
						<li><a href="#"><img src="img/banner-left-95.webp"><strong>石英表</strong></a></li>
						<li><a href="#"><img src="img/banner-left-96.webp"><strong>小米手环5NFC</strong></a></li>
						<li><a href="#"><img src="img/banner-left-97.webp"><strong>车载充电器</strong></a></li>
						<li><a href="#"><img src="img/banner-left-98.webp"><strong>小米手环5</strong></a></li>
						<li><a href="#"><img src="img/banner-left-99.jpg"><strong>智能后视镜</strong></a></li>
						<li><a href="#"><img src="img/banner-left-100.webp"><strong>小米手表</strong></a></li>
						<li><a href="#"><img src="img/banner-left-87.webp"><strong>智能记录仪</strong></a></li>
						<li><a href="#"><img src="img/banner-left-91.jpg"><strong>智能记录仪</strong></a></li>
						<li><a href="#"><img src="img/banner-left-96.webp"><strong>智能记录仪</strong></a></li>

					</ul>
				</div>
				<div class="item" style="width: 700px; height: 500px; ">
					<ul>
						<li><a href="#"><img src="img/banner-left-102.jpg"><strong>打印机</strong></a></li>
						<li><a href="#"><img src="img/banner-left-103.jpg"><strong>摄像机</strong></a></li>
						<li><a href="#"><img src="img/banner-left-104.jpg"><strong>小爱音箱</strong></a></li>
						<li><a href="#"><img src="img/banner-left-105.webp"><strong>喷墨打印机</strong></a></li>
						<li><a href="#"><img src="img/banner-left-106.jpg"><strong>R照相机</strong></a></li>
						<li><a href="#"><img src="img/banner-left-104.jpg"><strong>云服务空间年卡</strong></a></li>
						<li><a href="#"><img src="img/banner-left-108.webp"><strong>喷墨打印机墨水</strong></a></li>
						<li><a href="#"><img src="img/banner-left-109.jpg"><strong>智能门锁</strong></a></li>
						<li><a href="#"><img src="img/banner-left-110.webp"><strong>云服务空间月卡</strong></a></li>
						<li><a href="#"><img src="img/banner-left-111.webp"><strong>小米路由器</strong></a></li>
						<li><a href="#"><img src="img/banner-left-104.jpg"><strong>视频门铃</strong></a></li>
						<li><a href="#"><img src="img/banner-left-104.jpg"><strong>智能家庭</strong></a></li>
						<li><a href="#"> <img src="img/banner-left-104.jpg"><strong>小爱老师</strong></a></li>
						<li><a href="#"><img src="img/banner-left-104.jpg"><strong>对讲机</strong></a></li>
						<li><a href="#"><img src="img/banner-left-104.jpg"><strong>Redmi路由器 </strong><a></li>
						<li><a href="#"><img src="img/banner-left-110.webp"><strong>云服务空间月卡</strong></a></li>
						<li><a href="#"><img src="img/banner-left-111.webp"><strong>小米路由器</strong></a></li>

					</ul>
				</div>
				<div class="item" style="width: 600px; height: 500px; ">
					<ul>
						<li><a href="#"><img src="img/banner-left-117.webp"><strong>移动电源</strong></a></li>
						<li><a href="#"><img src="img/banner-left-118.jpg"><strong>手机壳</strong></a></li>
						<li><a href="#"><img src="img/banner-left-119.jpg"><strong>数据线</strong></a></li>
						<li><a href="#"><img src="img/banner-left-120.jpg"><strong>手机贴膜</strong></a></li>
						<li><a href="#"><img src="img/banner-left-121.jpg"><strong>车充</strong></a></li>
						<li><a href="#"><img src="img/banner-left-122.webp"><strong>无线充电器</strong></a></li>
						<li><a href="#"><img src="img/banner-left-123.webp"><strong>充电器</strong></a></li>
						<li><a href="#"><img src="img/banner-left-124.jpg"><strong>平板配件</strong></a></li>
						<li><a href="#"><img src="img/banner-left-125.jpg"><strong>电池</strong></a></li>
						<li><a href="#"><img src="img/banner-left-126.jpg"><strong>黑鲨配件</strong></a></li>
						<li><a href="#"><img src="img/banner-left-127.jpg"><strong>自拍杆</strong></a></li>
						<li><a href="#"><img src="img/banner-left-129.jpg"><strong>其他配件</strong></a></li>


					</ul>
				</div>
				<div class="item" style="width: 900px; height: 500px;">
					<ul>
						<li style="height: 50px; width: 190px;"><a href="#"><img src="img/banner-left-129.jpg"><strong>洗手机</strong></a></li>
						<li style="height: 50px; width: 190px;"><a href="#"><img src="img/banner-left-130.jpg"><strong>体脂秤</strong></a></li>
						<li style="height: 50px; width: 190px;"><a href="#"><img src="img/banner-left-131.jpg"><strong>走步机</strong></a></li>
						<li style="height: 50px; width: 190px;"><a href="#"><img src="img/banner-left-132.jpg"><strong>剃须刀</strong></a></li>
						<li style="height: 50px; width: 190px;"><a href="#"><img src="img/banner-left-133.jpg"><strong>早教启智</strong></a></li>
						<li style="height: 50px; width: 190px;"><a href="#"><img src="img/banner-left-134.webp"><strong>智能遥控车</strong></a></li>
						<li style="height: 50px; width: 190px;"><a href="#"><img src="img/banner-left-135.webp"><strong>修剪器</strong></a></li>
						<li style="height: 50px; width: 190px;"><a href="#"><img src="img/banner-left-136.webp"><strong>益智积木</strong></a></li>
						<li style="height: 50px; width: 190px;"><a href="#"><img src="img/banner-left-137.jpg"><strong>牙刷</strong></a></li>
						<li style="height: 50px; width: 190px;"><a href="#"><img src="img/banner-left-138.jpg"><strong>儿童手表</strong></a></li>
						<li style="height: 50px; width: 190px;"><a href="#"><img src="img/banner-left-139.jpg"><strong>吹风机</strong></a></li>
						<li style="height: 50px; width: 190px;"><a href="#"><img src="img/banner-left-140.jpg"><strong>儿童滑板车</strong></a></li>
						<li style="height: 50px; width: 190px;"><a href="#"><img src="img/banner-left-141.png"><strong>体重秤</strong></a></li>
						<li style="height: 50px; width: 190px;"><a href="#"><img src="img/banner-left-142.jpg"><strong>婴儿推车</strong></a></li>
						<li style="height: 50px; width: 190px;"><a href="#"><img src="img/banner-left-143.webp"><strong>吹风机</strong></a></li>
						<li style="height: 50px; width: 190px;"><a href="#"><img src="img/banner-left-137.jpg"><strong>牙刷</strong></a></li>
						<li style="height: 50px; width: 190px;"><a href="#"><img src="img/banner-left-138.jpg"><strong>儿童手表</strong></a></li>

					</ul>
				</div>
				<div class="item">
					<ul>
						<li><a href="#"><img src="img/banner-left-143.webp"><strong>Redmi AirDots 3</strong></a></li>
						<li><a href="#"><img src="img/banner-left-144.jpg"><strong>小米小爱触屏音箱</strong></a></li>
						<li><a href="#"><img src="img/banner-left-145.jpg"><strong>品牌耳机</strong></a></li>
						<li><a href="#"><img src="img/banner-left-146.webp"><strong>小爱音箱 Art电池版</strong></a></li>
						<li><a href="#"><img src="img/banner-left-147.webp"><strong>Redmi音箱</strong></a></li>
						<li><a href="#"><img src="img/banner-left-148.webp"><strong>蓝牙音箱</strong></a></li>
						<li><a href="#"><img src="img/banner-left-149.webp"><strong>小爱触屏音箱Pro8</strong></a></li>
						<li><a href="#"><img src="img/banner-left-150.jpg"><strong>小米小爱音箱Play</strong></a></li>
						<li><a href="#"><img src="img/banner-left-151.jpg"><strong>小米AI音箱</strong></a></li>
						<li><a href="#"><img src="img/banner-left-152.webp"><strong>Redmi小爱触屏音箱8</strong></a></li>
						<li><a href="#"><img src="img/banner-left-153.jpg"><strong>线控耳机</strong></a></li>
						<li><a href="#"><img src="img/banner-left-154.jpg"><strong>小米小爱音箱HD</strong></a></li>
						<li><a href="#"><img src="img/banner-left-155.webp"><strong>小米小爱音箱</strong></a></li>
						<li><a href="#"><img src="img/banner-left-156.webp"><strong>蓝牙耳机</strong></a></li>
						<li><a href="#"><img src="img/banner-left-157.jpg"><strong>k歌耳机</strong></a></li>
						<li><a href="#"><img src="img/banner-left-158.webp"><strong>小爱音箱Pro</strong></a></li>
						<li><a href="#"><img src="img/banner-left-159.jpg"><strong>头戴耳机</strong></a></li>
						<li><a href="#"><img src="img/banner-left-153.jpg"><strong>线控耳机</strong></a></li>
						<li><a href="#"><img src="img/banner-left-154.jpg"><strong>小米小爱音箱HD</strong></a></li>
						<li><a href="#"><img src="img/banner-left-155.webp"><strong>小米小爱音箱</strong></a></li>
						<li><a href="#"><img src="img/banner-left-156.webp"><strong>蓝牙耳机</strong></a></li>
						<li><a href="#"><img src="img/banner-left-153.jpg"><strong>线控耳机</strong></a></li>
						<li><a href="#"><img src="img/banner-left-154.jpg"><strong>小米小爱音箱HD</strong></a></li>

					</ul>
				</div>
				<div class="item" style="width: 700px; height: 500px;">
					<ul>
						<li ><a href="#"><img src="img/banner-left-160.webp" ><strong>小背包</strong></a></li>
						<li ><a href="#"><img src="img/banner-left-161.jpg" ><strong>床垫</strong></a></li>
						<li ><a href="#"><img src="img/banner-left-162.webp" ><strong>米兔</strong></a></li>
						<li ><a href="#"><img src="img/banner-left-163.jpg" ><strong>双肩包</strong></a></li>
						<li ><a href="#"><img src="img/banner-left-164.png" ><strong>枕头</strong></a></li>
						<li ><a href="#"><img src="img/banner-left-165.jpg" ><strong>笔</strong></a></li>
						<li ><a href="#"><img src="img/banner-left-166.webp" ><strong>胸包</strong></a></li>
						<li ><a href="#"><img src="img/banner-left-167.jpg" ><strong>螺丝刀</strong></a></li>
						<li ><a href="#"><img src="img/banner-left-168.webp" ><strong>旅行箱</strong></a></li>
						<li ><a href="#"><img src="img/banner-left-169.jpg" ><strong>保温杯</strong></a></li>
						<li ><a href="#"><img src="img/banner-left-170.jpg" ><strong>运动鞋</strong></a></li>
						<li ><a href="#"><img src="img/banner-left-171.jpg" ><strong>驱蚊器</strong></a></li>
						<li ><a href="#"><img src="img/banner-left-172.jpg" ><strong>眼镜</strong></a></li>
						<li ><a href="#"><img src="img/banner-left-173.jpg" ><strong>毛巾/浴巾</strong></a></li>
						<li ><a href="#"><img src="img/banner-left-167.jpg" ><strong>螺丝刀</strong></a></li>
						<li ><a href="#"><img src="img/banner-left-168.webp" ><strong>旅行箱</strong></a></li>
						<li ><a href="#"><img src="img/banner-left-169.jpg" ><strong>保温杯</strong></a></li>
					</ul>
				</div>
			</div>
			<script type="text/javascript">
				var sidebar = document.querySelector('.sidebar');
				var lis = sidebar.querySelectorAll('li');
				var sidebar_content = document.querySelector('.sidebar_content');
				var items = sidebar_content.querySelectorAll('.item');
				//鼠标浮动上去
				for (var i = 0; i <= lis.length - 1; i++) {
					lis[i].setAttribute('index', i);
					lis[i].onmousemove = function() {
						//干掉所有人的背景颜色
						for (var i = 0; i <= lis.length - 1; i++) {
							lis[i].style.backgroundColor = '';
						}
						//给自己添加背景颜色
						this.style.backgroundColor = 'orange';
						var index = this.getAttribute('index');
						for (var i = 0; i <= items.length - 1; i++) {
							items[i].style.display = 'none';
						}
						items[index].style.display = 'block';
					}
				}
				//鼠标离开
				var banner = document.querySelector('.banner');
				banner.onmouseleave = function() {
					for (var i = 0; i <= lis.length - 1; i++) {
						lis[i].style.backgroundColor = '';
					}
					for (var i = 0; i <= items.length - 1; i++) {
						items[i].style.display = 'none';
					}
				}
			</script>
		</div>
		<!-- 轮播图的最左边 -->
		</div>
		<!-- /轮播图 -->
		<script>
			var mySwiper = new Swiper('.swiper-container', { //初始化Swiper
				autoplay: { //自动切换
					delay: 3000,
					stopOnLastSlide: false,
					disableOnInteraction: false,
				},
				navigation: { //前进后退
					nextEl: '.swiper-button-next',
					prevEl: '.swiper-button-prev',

				},
				pagination: { //分页器
					el: '.swiper-pagination',
					clickable: true,
				},
				loop: true, //循环
			})
		</script>
		</div>
		<!-- /轮播图 -->
		<!-- /middle2.0 -->
		<!-- midder2.1 -->
		<!-- 头部的盒子 -->
		<div class=" banxin middle_middle">
			<!-- 头部的盒子的最右边的部分 -->
			<div class="middle_middle1">
				<div class="middle_middle11">
					<img src="img/43a3195efa6a3cc7662efed8e7abe8bf.png" height="25px" width="25px">
					<div class="middle_middle11_text">
						小米秒杀
					</div>
				</div>
				<div class="middle_middle11">
					<img src="img/806f2dfb2d27978e33fe3815d3851fa3.png" height="25px" width="25px">
					<div class="middle_middle11_text">
						企业团购
					</div>
				</div>
				<div class="middle_middle11">
					<img src="img/9a76d7636b08e0988efb4fc384ae497b.png" height="25px" width="25px">
					<div class="middle_middle11_text">
						F码团购
					</div>
				</div>
				<div class="middle_middle111">
					<img src="img/eded6fa3b897a058163e2485532c4f10.png" height="25px" width="25px">
					<div class="middle_middle11_text">
						米粉卡
					</div>
				</div>
				<div class="middle_middle111">
					<img src="img/9a76d7636b08e0988efb4fc384ae497b.png" height="25px" width="25px">
					<div class="middle_middle11_text">
						以旧换新
					</div>
				</div>
				<div class="middle_middle111">
					<img src="img/9a76d7636b08e0988efb4fc384ae497b.png" height="25px" width="25px">
					<div class="middle_middle11_text">
						话费充值
					</div>
				</div>
			</div>
			<!-- 头部的盒子的最右边的部分 -->
			<div class=" middle_middle2">
				<img src="img/4.png" height="170px" width="318px">
			</div>
			<div class="middle_middle2">
				<img src="img/5d4298059889417157e8492750328492.jpg" height="170px" width="318px">
			</div>
			<div class="middle_middle2">
				<img src="img/6.jpg" height="170px" width="318px">
			</div>
		</div>
		<!-- /midder2.1 -->

		<!-- midder2.2 -->
		<!-- 整体的盒子横屏颜色 -->
		<div class="box_center">
			<!-- 第一个的整体框架 -->
			<!-- 小米秒杀 -->
			<div class=" banxin middle_two">
				<div class=" middle_two1">
					<div class=" banxin middle_two_top">
						小米秒杀
						<div class="middle2_two_top_right1111">
							<img src="img/qwe7.jpg">
						</div>
					</div>

				</div>

				<!-- 倒计时 -->
				<div class=" middle_two_box1">
					<h2>14:00 &nbsp场</h2>
					<img src="./img/小米秒杀闪电.jpg">
					<h3>距离结束还有</h3>
					<div class="times">
						<div class="box" id="hover"></div>
						<span>:</span>
						<div class="box" id="minutes"></div>
						<span>:</span>
						<div class="box" id="sencond"></div>
					</div>
					<script type="text/javascript">
						function showTime() {
							var hover = document.getElementById('hover');
							var minutes = document.getElementById('minutes');
							var sencond = document.getElementById('sencond');
							var nowtime = +new Date();
							var endtime = +new Date('2021-7-1');
							var times = (endtime - nowtime) / 1000;
							var h = parseInt(times / 60 / 60 % 24);
							h = h < 10 ? '0' + h : h;
							var m = parseInt(times / 60 % 60);
							m = m < 10 ? '0' + m : m;
							var s = parseInt(times % 60);
							s = s < 10 ? '0' + s : s;
							hover.innerText = h;
							minutes.innerText = m;
							sencond.innerHTML = s;
						}
						setInterval(showTime, 1000);
					</script>





				</div>
				<!-- /倒计时 -->
				<!-- /倒计时 -->
				<!-- /倒计时 -->
				<!-- 部分轮播图 -->
				<!-- 部分轮播图 -->
				<!-- 部分轮播图 -->
				<div style="height: 340px; width: 985px;" class="swiper-container banner">
					<div class="swiper-wrapper">
						<!-- 下面是4个不同颜色的轮播滑块 -->
						<div class="swiper-slide sw-slide">
							<div class=" middle_two_box">
								<img src="img/small-2%20-%20副本.png" height="215px" width="237px">
								<p>小米净水器500G增强版 白色</p>
								<i>RO反渗透，大流量直出纯净水</i>
								<br>
								<br>

								<span>999元</span><strong>1499元</strong>
							</div>
							<div class=" middle_two_box" height="215px" width="237px">
								<img src="img/small-1%20-%20副本.png" height="215px" width="237px">
								<p>小米净水器500G增强版 白色</p>
								<i>RO反渗透，大流量直出纯净水</i>
								<br>
								<br>

								<span>999元</span><strong>1499元</strong>
							</div>
							<div class=" middle_two_box">
								<img src="img/small-7.png" height="215px" width="237px">
								<p>米家防蓝光护目镜 Pro 透白色</p>
								<i>科学护眼，舒适防污</i>
								<br>
								<br>
								<span>139元</span><strong>149元</strong>

							</div>
							<div class=" middle_two_box">
								<img src="img/small-3%20-%20副本.png" height="215px" width="237px">
								<p>米家护颈记忆棉枕 灰色</p>
								<i>烧脑搭建，尽兴狂奔</i>
								<br>
								<br>
								<span>219元</span><strong>299元</strong>
							</div>
						</div>
						<div class="swiper-slide">
							<div class=" middle_two_box">
								<img src="img/small-1.png" height="215px" width="237px">
								<p>小米净水器500G增强版 白色</p>
								<i>RO反渗透，大流量直出纯净水</i>
								<br>
								<br>
								<span>999元</span><strong>1999</strong>

							</div>
							<div class=" middle_two_box">
								<img src="img/small-2.png" height="215px" width="237px">
								<p>小米经典商务双肩包 2 黑色</p>
								<i>实时商务时尚范 经典设计</i>
								<br>
								<br>
								<span>79元</span><strong>99元</strong>

							</div>
							<div class=" middle_two_box">
								<img src="img/small-3.png" height="215px" width="237px">
								<p>米家护颈记忆棉枕 灰色</p>
								<i>高低曲线承托,睡眠更自在</i>
								<br>
								<br>
								<span>79元</span><strong>99元</strong>

							</div>
							<div class=" middle_two_box">
								<img src="img/small-4%20-%20副本.png" height="215px" width="237px">
								<p>日常元素抽纸 青春版 24包/箱</p>
								<i>精选原生竹浆，健康环保</i>
								<br>
								<br>
								<span>25.9元</span><strong>32.0元</strong>

							</div>
						</div>
					</div>
					<!-- <div class="swiper-button-prev"></div> -->
					<!--左箭头-->
					<!-- <div class="swiper-button-next"></div> -->
					<!--右箭头-->
					<!-- <div class="swiper-pagination"></div> -->
					<!--分页器（就是4个点点）-->
					<script>
						var mySwiper = new Swiper('.swiper-container', { //初始化Swiper
							autoplay: { //自动切换
								delay: 3000,
								stopOnLastSlide: false,
								disableOnInteraction: false,

							},
							navigation: { //前进后退
								nextEl: '.swiper-button-next',
								prevEl: '.swiper-button-prev',

							},
							pagination: { //分页器
								el: '.swiper-pagination',
								clickable: true,

							},
							loop: true, //循环
						})
					</script>

				</div>
				<!-- /部分轮播图 -->
				<!-- /部分轮播图 -->
				<!-- /部分轮播图 -->





			</div>


			<!-- 底部部分 -->
			<div class=" banxin middle_treen">
				<img src="img/h.jpg" height="120px" width="1226">
			</div>
			<!-- 小米秒杀 -->

			<!-- 手机 -->

			<div class=" banxin middle2_two">
				<div class=" banxin middle2_two_top">
					<div class="middle2_two_top_left">
						手机
					</div>
					<div class="middle2_two_top_right">
						<a href="#">查看更多</a>
					</div>

				</div>
				<div class=" middle2_two_box1">
					<img src="img/c583f2edc613f1be20fa415910b13ce3.webp" height="620px" width="237px">
				</div>
				<div class="middle2_two_box_right">
					<div class=" middle2_two_box ">
						<img src="img/phone1.jpg" >
						<p>Note 10 Pro</p>
						<p>天玑1100年度旗舰芯，VC液冷散热</p>
						<br>
							<span>1599元起</span>
					</div>
					<div class=" middle2_two_box">
						<img src="img/phone2.jpg" >
						<p>Note 10 5G</p>
						<p>5G小金刚，旗舰长续航</p>
						<br>
							<span>1099元起</span>
					</div>
					<div class=" middle2_two_box">
						<img src="img/phone3%20拷贝.png" >
						<p>小米11 Uiltra</p>
						<p>1/1.2*GN2|2K四微曲屏</p> 
						<br>
							<span>5999元起</span>
					</div>
					<div class=" middle2_two_box">
						<img src="img/phone4%20拷贝.png" >
						<p>小米MIX FOLD</p>
						<p>折叠大屏 | 自研芯片</p>
						<br>
						<span>9999元起</span>
					</div>
					<div class=" middle2_two_box_in">
						<img src="img/phone5.jpg" >
						<p>小米11Pro</p>
						<p>1/1.2*GN2|骁龙888</p>
						<br>
						<span>4499元起</span>
					</div>
					<div class=" middle2_two_box_in">
						<img src="img/phone6%20拷贝.png" >
						<p>小米11青春版</p>
						<p>小米11 青春版 轻薄</p>
						<br>
						<span>2299元起</span>
					</div>
					<div class=" middle2_two_box_in">
						<img src="img/phone7%20拷贝.png" >
						<p>K40 游戏增强版</p>
						<p>轻薄电竞设计</p>
						<br>
						<span>1999元起</span>
					</div>
					<div class=" middle2_two_box_in">
						<img src="img/phone8%20拷贝.png" >
						<p>黑鲨4 Pro</p>
						<p>黑鲨4 Pro</p>
						<br>
						<span>3999元起</span>
					</div>
				</div>
			</div>
			<div class=" banxin middle2_treen">
				<img src="img/qqqq.jpg" width="1226px" height="120px">
			</div>
			<!-- /midder2.2 -->
			<!-- /手机 -->

			<!-- 家电 -->
			<div class=" banxin home_appliannce">
				<div class=" banxin home_appliannce_top">
					<div class="home_appliannce_top_left">
						家电
					</div>
					<div class="home_appliannce_top_right">
						<span id="house_1" style="color: coral; border-bottom: 2px solid coral;">热门</span>
						<span id="house_2">电视影音</span>

					</div>
				</div>
				<!-- 家电一 -->
				<div class="house_item1">
					<div class=" home_appliannce_box1">
						<img src="img/家电1.jpeg" >
						
					</div>
					<div class="home_appliannce_box">
						<img src="img/周边2.jpg" >
						<p>米家飞行员太阳镜Pro</p>
						<p>尼龙偏光，轻巧佩戴</p>
						<!-- <br> -->
						<span>169元</span>
					</div>
					<div class=" home_appliannce_box">
						<img src="img/周边3.jpg" >
						<p>小米巨能写中性笔10支装</p>
						<p>一支顶4支，超长顺滑书写</p>
						<br>
						<span>9.99元</span>
					</div>
					<div class=" home_appliannce_box">
						<img src="img/周边4.jpg" >
						<p>米家迷你保温杯</p>
						<p>可以随身携带的温度</p>
						<br>
						<span>49元</span>
					</div>
					<div class=" home_appliannce_box">
						<img src="img/周边5.jpg" >
						<p>贝医生巴氏牙刷 四色装</p>
						<p>进口刷毛，好品质</p>
						<br>
						<span>39.9元</span>
					</div>
					<div class=" home_appliannce_box11">
						<img src="img/周边6.jpg" >
					</div>
					<div class=" home_appliannce_box2">
						<img src="img/周边7.jpg" >
						<p>米家运动鞋4</p>
						<p>轻盈若絮，弹若脱兔</p>
						<br>
						<span>199元</span>
					</div>
					<div class=" home_appliannce_box2">
						<img src="img/周边8.jpg" >
						<p>米家指甲刀五件套</p>
						<p>轻巧多用，优雅随行</p>
						<br>
						<span>39.9元</span>
					</div>
					<div class=" home_appliannce_box2">
						<img src="img/周边9.jpg" >
						<p>8H乳胶床垫2</p>
						<p>软硬双面可睡</p>
						<br>
						<span>499元起</span>
					</div>
					<div class=" home_appliannce_box2">
						<div class="home_appliannce_box2_top">
							<img src="img/zzz.jpg" width="217px" height="145px">
						</div>
						<div class="home_appliannce_box2_button">
							<img src="img/xxx.jpg" width="217px" height="145px">
						</div>
					</div>
				</div>
				<!-- 家电二 -->
				<div class="house_item2">
					<div class=" home_appliannce_box1">
						<img src="img/家电1.jpeg">
					</div>
					<div class="home_appliannce_box">
						<img src="img/家电2.jpg">
						<p>小米全面屏电视65英寸 E65X/p>
						<p>全面屏设计</p>
						<br>
						<span>2999元起</span>
					</div>
					<div class=" home_appliannce_box">
						<img src="img/家电3.jpg">
						<p>全面屏电视E43</p>
						<p>全面屏设计，海量内容</p>
						<br>
						<span>3499元起</span>
					</div>
					<div class=" home_appliannce_box">
						<img src="img/家电4.jpg">
						<p>米家互联网对开门冰箱 540L</p>
						<p>重磅新品福利特惠</p>
						<br>
						<span>2799元起</span>
					</div>
					<div class=" home_appliannce_box">
						<img src="img/家电5.jpg">
						<p>Redmi全自动波轮洗衣机1A 8kg</p>
						<p>一键操作，父母都爱用</p>
						<br>
						<span>899元起</span>
					</div>
					<div class=" home_appliannce_box11">
						<img src="img/家电6.jpg">
					</div>
					<div class=" home_appliannce_box2">
						<img src="img/家电7.jpg">
						<p>Redmi全自动波轮洗衣机1A 8kg</p>
						<p>一键操作，父母都爱用</p>
						<br>
						<span>899元起</span>
					</div>
					<div class=" home_appliannce_box2">
						<img src="img/家电8.jpg">
						<p>米家互联网烟灶套装(天然气)</p>
						<p>点火排烟，风随火动</p>
						<br>
						<span>2099元起</span>
					</div>
					<div class=" home_appliannce_box2">
						<img src="img/家电9.jpg">
						<p>米家电烤箱</p>
						<p>全能烘焙体验</p>
						<br>
						<span>279元起</span>
					</div>
					<div class=" home_appliannce_box2">
						<div class="home_appliannce_box2_top">
							<img src="img/7aa.png" width="217px" height="145px">
						</div>
						<div class="home_appliannce_box2_button">
							<img src="img/xxx.jpg" width="217px" height="145px">
						</div>
					</div>
				</div>
			</div>

			<script type="text/javascript">
				var house_1 = document.getElementById('house_1');
				var house_item1 = document.querySelector('.house_item1');
				house_1.onmousemove = function() {
					house_item1.style.display = 'block';
					house_1.style.color = 'coral';
					house_1.style.borderBottom = 'coral solid 2px';

					house_2.style.borderBottom = 'none';
					house_2.style.color = 'black';
					house_item2.style.display = 'none';
				}


				var house_2 = document.getElementById('house_2');
				var house_item2 = document.querySelector('.house_item2');
				house_2.onmousemove = function() {
					house_1.style.color = 'black';
					house_1.style.borderBottom = 'none';
					house_item2.style.display = 'block';
					house_2.style.color = 'coral';
					house_2.style.borderBottom = 'coral solid 2px';

					house_item1.style.display = 'none';

				}
			</script>
			<div class="banxin home_appliannce_butten1">
				<img src="img/SSS.jpg" width="1226px" height="120px">
			</div>
			</div>
			<!-- 家电 -->
			<!-- 智能 -->
			<div class=" banxin smart_home">
				<div class=" banxin smart_home_top">
					<div class="smart_home_top_left">
						智能
					</div>
					<div class="smart_home_top_right">
						<span id="intelligence_1" style="color: coral; border-bottom: 2px coral solid;">出行</span>
						<span id="intelligence_2">安防</span>
						<span id="intelligence_3">电视影音</span>
					</div>
				</div>
				<!-- 智能一 -->
				<div class="intelligence_item1">
					<div class=" smart_home_box1">
						<img src="img/智能1.jpg">
					</div>
					<div class="smart_home_box">
						<img src="img/配件2.jpg">
						<p>小米氮化镓GaN充电器 TypeC...</p>
						<p>氮化镓黑科技 65W MAX 大功率快充</p>
						<br>
						<span>149元</span>
					</div>
					<div class=" smart_home_box">
						<img src="img/配件3.jpg">
						<p>高速无线充套装</p>
						<p>快速无线闪充，QI充电标准</p>
						<br>
						<span>149元</span>
					</div>
					<div class=" smart_home_box">
						<img src="img/配件4.jpg">
						<p>小米无线充电宝青春版 10000mAh</p>
						<p>能量满满，无线有线都能充</p>
						<br>
						<span>109元</span>
					</div>
					<div class=" smart_home_box">
						<img src="img/配件5.jpg">
						<p>小米车载充电器快充版</p>
						<p>双口快充，安全稳定</p>
						<br>
						<span>69元</span>
					</div>
					<div class=" smart_home_box11">
						<img src="img/智能6.jpg">
					</div>
					<div class=" smart_home_box2">
						<img src="img/配件7.jpg">
						<p>小米Type-C转Lingtning数据线 1m</p>
						<p>苹果MFI官方认证，支持快充</p>
						<br>
						<span>59元</span>
					</div>
					<div class="smart_home_box2">
						<img src="img/配件8.jpg">
						<p>小米车载充电器快充版1A1C 10...</p>
						<p>小米车载充电器快充版1A1C 100w</p>
						<br>
						<span>99元</span>
					</div>
					<div class=" smart_home_box2">
						<img src="img/配件9.jpg">
						<p>小米氮化镓GaN充电器 TypeC...</p>
						<p>氮化镓黑科技 65W MAX 大功率快充</p>
						<br>
						<span>149元</span>
					</div>
					<div class=" smart_home_box2">
						<div class="smart_home_box2_top">
							<img src="img/zzz.jpg" width="217px" height="145px">
						</div>
						<div class="smart_home_box2_button">
							<img src="img/xxx.jpg" width="217px" height="145px">
						</div>
					</div>
				</div>
				<!-- 智能二 -->
				<div class="intelligence_item2">
					<div class=" smart_home_box1">
						<img src="img/智能1.jpg">
					</div>
					<div class="smart_home_box">
						<img src="img/周边2.jpg">
						<p>米家飞行员太阳镜Pro</p>
						<p>尼龙偏光，轻巧佩戴</p>
						<br>
						<span>169元</span>
					</div>
					<div class=" smart_home_box">
						<img src="img/周边3.jpg">
						<p>小米巨能写中性笔10支装</p>
						<p>一支顶4支，超长顺滑书写</p>
						<br>
						<span>9.99元</span>
					</div>
					<div class=" smart_home_box">
						<img src="img/周边4.jpg">
						<p>米家迷你保温杯</p>
						<p>可以随身携带的温度</p>
						<br>
						<span>49元</span>
					</div>
					<div class=" smart_home_box">
						<img src="img/周边5.jpg">
						<p>贝医生巴氏牙刷 四色装</p>
						<p>进口刷毛，好品质</p>
						<br>
						<span>39.9元</span>
					</div>
					<div class=" smart_home_box11">
						<img src="img/智能6.jpg">
					</div>
					<div class=" smart_home_box2">
						<img src="img/周边7.jpg">
						<p>米家运动鞋4</p>
						<p>轻盈若絮，弹若脱兔</p>
						<br>
						<span>199元</span>
					</div>
					<div class="smart_home_box2">
						<img src="img/周边8.jpg">
						<p>米家指甲刀五件套</p>
						<p>轻巧多用，优雅随行</p>
						<br>
						<span>39.9元</span>
					</div>
					<div class=" smart_home_box2">
						<img src="img/周边9.jpg">
						<p>8H乳胶床垫2</p>
						<p>软硬双面可睡</p>
						<br>
						<span>499元起</span>
					</div>
					<div class=" smart_home_box2">
						<div class="smart_home_box2_top">
							<img src="img/zzz.jpg" width="217px" height="145px">
						</div>
						<div class="smart_home_box2_button">
							<img src="img/xxx.jpg" width="217px" height="145px">
						</div>
					</div>
				</div>
				<!-- 智能三 -->
				<div class="intelligence_item3">
					<div class=" smart_home_box1">
						<img src="img/智能1.jpg">
					</div>
					<div class="smart_home_box">
						<img src="img/智能2.jpg">
						<p>小米小爱音箱 Play</p>
						<p>>听音乐、语音遥控家电</p>
						<br>
						<span>109元</span>
					</div>
					<div class=" smart_home_box">
						<img src="img/智能3.jpg">
						<p>米家智能窗帘</p>
						<p>窗帘开合随心控</p>
						<br>
						<span>799元</span>
					</div>
					<div class=" smart_home_box">
						<img src="img/智能4.jpg">
						<p>小米体脂秤2</p>
						<p>轻松掌握身体脂肪率</p>
						<br>
						<span>99元</span>
					</div>
					<div class=" smart_home_box">
						<img src="img/智能5.jpg">
						<p>九号平衡车</p>
						<p>年轻人的酷玩具</p>
						<br>
						<span>1999元</span>
					</div>
					<div class=" smart_home_box11">
						<img src="img/智能6.jpg">
					</div>
					<div class=" smart_home_box2">
						<img src="img/智能7.jpg">
						<p>小米智能门锁 推拉式</p>
						<p>一步推拉 高端智能门锁</p>
						<br>
						<span>>1699元</span>
					</div>
					<div class="smart_home_box2">
						<img src="img/智能8.jpg">
						<p>Redmi小爱触屏音箱 8英寸</p>
						<p>超大屏，让智能更多可能</p>
						<br>
						<span>349元</span>
					</div>
					<div class=" smart_home_box2">
						<img src="img/智能9.jpg">
						<p>小米手环5</p>
						<p>1种运动模式 磁吸式充电</p>
						<br>
						<span>179元起</span>
					</div>
					<div class=" smart_home_box2">
						<div class="smart_home_box2_top">
							<img src="img/7aa.png" width="217px" height="145px">
						</div>
						<div class="smart_home_box2_button">
							<img src="img/xxx.jpg" width="217px" height="145px">
						</div>
					</div>
				</div>
				<script type="text/javascript">
					var intelligence_1 = document.getElementById('intelligence_1');
					var intelligence_2 = document.getElementById('intelligence_2');
					var intelligence_3 = document.getElementById('intelligence_3');
					var intelligence_item1 = document.querySelector('.intelligence_item1');
					var intelligence_item2 = document.querySelector('.intelligence_item2');
					var intelligence_item3 = document.querySelector('.intelligence_item3');

					intelligence_1.onmousemove = function() {
						intelligence_1.style.color = 'coral';
						intelligence_1.style.borderBottom = 'coral 2px solid';
						intelligence_2.style.color = 'black';
						intelligence_2.style.borderBottom = 'none';
						intelligence_3.style.color = 'black';
						intelligence_3.style.borderBottom = 'none';

						intelligence_item1.style.display = 'block';
						intelligence_item2.style.display = 'none';
						intelligence_item3.style.display = 'none';
					}

					intelligence_2.onmousemove = function() {
						intelligence_2.style.color = 'coral';
						intelligence_2.style.borderBottom = 'coral 2px solid';
						intelligence_3.style.color = 'black';
						intelligence_3.style.borderBottom = 'none';
						intelligence_1.style.color = 'black';
						intelligence_1.style.borderBottom = 'none';


						intelligence_item1.style.display = 'none';
						intelligence_item2.style.display = 'block';
						intelligence_item3.style.display = 'none';
					}

					intelligence_3.onmousemove = function() {
						intelligence_3.style.color = 'coral';
						intelligence_3.style.borderBottom = 'coral 2px solid';
						intelligence_2.style.color = 'black';
						intelligence_2.style.borderBottom = 'none';
						intelligence_1.style.color = 'black';
						intelligence_1.style.borderBottom = 'none';


						intelligence_item2.style.display = 'none';
						intelligence_item1.style.display = 'none';
						intelligence_item3.style.display = 'block';
					}
				</script>
			</div>
			<div class="banxin smart_home_butten1">
				<img src="img/smarttop.jpg" width="1226px" height="120px">
			</div>
			<!-- /智能 -->
			<!-- 搭配 -->
			<div class=" banxin match">
				<div class=" banxin match_top">
					<div class="match_top_left">
						搭配
					</div>
					<div class="match_top_right">
						<span id="collocation_1" style="color: coral; border-bottom: 2px coral solid;">热门</span>
						<span id="collocation_2">耳机音箱</span>
					</div>
				</div>
				<!-- 搭配一 -->
				<div class="collocation_item1">
					<div class=" match_box1">
						<img src="img/搭配1.jpg">
					</div>
					<div class="match_box">
						<img src="img/周边2.jpg">
						<p>米家飞行员太阳镜Pro</p>
						<p>尼龙偏光，轻巧佩戴</p>
						<br>
						<span>169元</span>
					</div>
					<div class=" match_box">
						<img src="img/周边2.jpg">
						<p>小米巨能写中性笔10支装</p>
						<p>一支顶4支，超长顺滑书写</p>
						<br>
						<span>9.99元</span>
					</div>
					<div class=" match_box">
						<img src="img/周边3.jpg">
						<p>米家迷你保温杯</p>
						<p>可以随身携带的温度</p>
						<br>
						<span>49元</span>
					</div>
					<div class=" match_box">
						<img src="img/周边4.jpg">
						<p>贝医生巴氏牙刷 四色装</p>
						<p>进口刷毛，好品质</p>
						<br>
						<span>39.9元</span>
					</div>
					<div class=" match_box11">
						<img src="img/周边6.jpg">
					</div>
					<div class=" match_box2">
						<img src="img/周边7.jpg">
						<p>米家运动鞋4</p>
						<p>轻盈若絮，弹若脱兔</p>
						<br>
						<span>199元</span>
					</div>
					<div class="match_box2">
						<img src="img/周边8.jpg">
						<p>米家指甲刀五件套</p>
						<p>轻巧多用，优雅随行</p>
						<br>
						<span>39.9元</span>
					</div>
					<div class=" match_box2">
						<img src="img/周边9.jpg">
						<p>8H乳胶床垫2</p>
						<p>软硬双面可睡</p>
						<br>
						<span>499元起</span>
					</div>
					<div class=" match_box2">
						<div class="match_box2_top">
							<img src="img/7aa.png" width="217px" height="145px">
						</div>
						<div class="match_box2_button">
							<img src="img/xxx.jpg" width="217px" height="145px">
						</div>
					</div>
				</div>
				<!-- 搭配二 -->
				<div class="collocation_item2">
					<div class=" match_box1">
						<img src="img/搭配1.jpg">
					</div>
					<div class="match_box">
						<img src="img/搭配2.jpg">
						<p>小米真无线蓝牙耳机Air 2 Pro</p> 
						<p>主动降噪持久续航、无线充电</p>
						<br>
						<span>649元</span>
					</div>
					<div class=" match_box">
						<img src="img/搭配2.jpg">
						<p>高速无线充套装</p>
						<p>快速无线闪充，QI充电标准</p>
						<br>
						<span>149元</span>
					</div>
					<div class=" match_box">
						<img src="img/搭配3.jpg">
						<p>Redmi AirDots 2 真无线蓝牙耳机</p>
						<p>支持蓝牙5.0，自动秒连，拿起就能用</p>
						<br>
						<span>99元</span>
					</div>
					<div class=" match_box">
						<img src="img/搭配4.jpg">
						<p>小米真无线蓝牙耳机Air 2S</p>
						<p>全面升级，智慧真无线</p>
						<br>
						<span></span>
					</div>
					<div class=" match_box11">
						<img src="img/搭配6.jpg">
					</div>
					<div class=" match_box2">
						<img src="img/搭配7.jpg">
						<p>Redmi充电宝 10000mAh 标准版.</p>
						<p>10000mAh大电量</p>
						<br>
						<span>59元</span>
					</div>
					<div class="match_box2">
						<img src="img/搭配8.jpg">
						<p>Redmi充电宝 10000mAh 快充版</p>
						<p>大容量 ，可上飞机</p>
						<br>
						<span>99元</span>
					</div>
					<div class=" match_box2">
						<img src="img/搭配9.jpg">
						<p>小米插线板 5孔位</p>
						<p>多重安全保护</p>
						<br>
						<span>39元起</span>
					</div>
					<div class=" match_box2">
						<div class="match_box2_top">
							<img src="img/7aa.png" width="217px" height="145px">
						</div>
						<div class="match_box2_button">
							<img src="img/xxx.jpg" width="217px" height="145px">
						</div>
					</div>
				</div>
				<script type="text/javascript">
					var collocation_1 = document.getElementById('collocation_1');
					var collocation_2 = document.getElementById('collocation_2');
					var collocation_item1 = document.querySelector('.collocation_item1');
					var collocation_item2 = document.querySelector('.collocation_item2');

					collocation_1.onmousemove = function() {
						collocation_1.style.color = 'coral';
						collocation_1.style.borderBottom = 'coral 2px solid';
						collocation_2.style.color = 'black';
						collocation_2.style.borderBottom = 'none';

						collocation_item1.style.display = 'block';
						collocation_item2.style.display = 'none';
					}
					collocation_2.onmousemove = function() {
						collocation_2.style.color = 'coral';
						collocation_2.style.borderBottom = 'coral 2px solid';
						collocation_1.style.color = 'black';
						collocation_1.style.borderBottom = 'none';

						collocation_item2.style.display = 'block';
						collocation_item1.style.display = 'none';
					}
				</script>
			</div>

			<div class="banxin match_butten1">
				<img src="img/matchtop.jpg" width="1226px" height="120px">
			</div>

			<!-- 搭配 -->
			<!-- 配件 -->
			<div class=" banxin parts">
				<div class=" banxin parts_top">
					<div class="parts_top_left">
						配件
					</div>
					<div class="parts_top_right">
						<span id="parts_1" style="color: coral; border-bottom: 2px coral solid;">热门</span>
						<span id="parts_2">充电器</span>
					</div>
				</div>
				<!-- 配件一 -->
				<div class="parts_item1">
					<div class="parts_box1">
						<img src="img/配件1.jpg">
					</div>
					<div class="parts_box">
						<img src="img/配件2.jpg">
						<p>小米全面屏电视65英寸 E65X</p>
						<p>全面屏设计</p>
						<br>
						<span>2999元起</span>
					</div>
					<div class=" parts_box">
						<img src="img/配件3.jpg">
						<p>全面屏电视E43</p>
						<p>全面屏设计，海量内容</p>
						<br>
						<span>1399元起</span>
					</div>
					<div class=" parts_box">
						<img src="img/配件4.jpg">
						<p>小米电视4A 70英寸</p>
						<p>大屏幕更享受</p>
						<br>
						<span>3499元起</span>
					</div>
					<div class=" parts_box">
						<img src="img/配件5.jpg">
						<p>米家互联网对开门冰箱 540L</p>
						<p>重磅新品福利特惠</p>
						<br>
						<span>2799元起</span>
					</div>
					<div class=" parts_box11">
						<img src="img/配件6.jpg">
					</div>
					<div class=" parts_box2">
						<img src="img/配件7.jpg">
						<p>Redmi全自动波轮洗衣机1A 8kg</p>
						<p>一键操作，父母都爱用</p>
						<br>
						<span>899元起</span>
					</div>
					<div class="parts_box2">
						<img src="img/配件8.jpg">
						<p>米家互联网烟灶套装(天然气)</p>
						<p>点火排烟，风随火动</p>
						<br>
						<span>2099元起</span>
					</div>
					<div class=" parts_box2">
						<img src="img/配件9.jpg">
						<p>米家电烤箱</p>
						<p>全能烘焙体验</p>
						<br>
						<span>279元起</span>
					</div>
					<div class=" parts_box2">
						<div class="parts_box2_top">
							<img src="img/zzz.jpg" width="217px" height="145px">
						</div>
						<div class="parts_box2_button">
							<img src="img/xxx.jpg" width="217px" height="145px">
						</div>
					</div>
				</div>
				<!-- 配件二 -->
				<div class="parts_item2">
					<div class="parts_box1">
						<img src="img/配件1.jpg">
					</div>
					<div class="parts_box">
						<img src="img/配件2.jpg">
						<p>小米氮化镓GaN充电器 TypeC..</p>
						<p>氮化镓黑科技 65W MAX 大功率快充</p>
						<br>
						<span>149元</span>
					</div>
					<div class=" parts_box">
						<img src="img/配件3.jpg">
						<p>高速无线充套装</p>
						<p>快速无线闪充，QI充电标准</p>
						<br>
						<span>149元</span>
					</div>
					<div class=" parts_box">
						<img src="img/配件4.jpg">
						<p>小米无线充电宝青春版 10000mAh</p>
						<p>能量满满，无线有线都能充</p>
						<br>
						<span>109元</span>
					</div>
					<div class=" parts_box">
						<img src="img/配件5.jpg">
						<p>小米车载充电器快充版</p>
						<p>双口快充，安全稳定</p>
						<br>
						<span>69元</span>
					</div>
					<div class=" parts_box11">
						<img src="img/配件6.jpg">
					</div>
					<div class=" parts_box2">
						<img src="img/配件7.jpg">
						<p>小米Type-C转Lingtning数据线 1m</p>
						<p>苹果MFI官方认证，支持快充</p>
						<br>
						<span>59元</span>
					</div>
					<div class="parts_box2">
						<img src="img/配件8.jpg">
						<p>小米车载充电器快充版1A1C 10..</p>
						<p>小米车载充电器快充版1A1C 100w</p>
						<br>
						<span>99元</span>
					</div>
					<div class=" parts_box2">
						<img src="img/配件9.jpg">
						<p>小米氮化镓GaN充电器 TypeC.</p>
						<p>氮化镓黑科技 65W MAX 大功率快充</p>
						<br>
						<span>149元</span>
					</div>
					<div class=" parts_box2">
						<div class="parts_box2_top">
							<img src="img/zzz.jpg" width="217px" height="145px">
						</div>
						<div class="parts_box2_button">
							<img src="img/xxx.jpg" width="217px" height="145px">
						</div>
					</div>
				</div>
			</div>
			<script type="text/javascript">
				var parts_1 = document.getElementById('parts_1');
				var parts_2 = document.getElementById('parts_2');
				var parts_item1 = document.querySelector('.parts_item1');
				var parts_item2 = document.querySelector('.parts_item2');

				parts_1.onmousemove = function() {
					parts_1.style.color = 'coral';
					parts_1.style.borderBottom = 'coral 2px solid';
					parts_2.style.color = 'black';
					parts_2.style.borderBottom = 'none';

					parts_item1.style.display = 'block';
					parts_item2.style.display = 'none';
				}

				parts_2.onmousemove = function() {
					parts_2.style.color = 'coral';
					parts_2.style.borderBottom = 'coral 2px solid';
					parts_1.style.color = 'black';
					parts_1.style.borderBottom = 'none';

					parts_item2.style.display = 'block';
					parts_item1.style.display = 'none';
				}
			</script>
			<div class="banxin parts_butten1">
				<img src="img/partstop.jpg" width="1226px" height="120px">
			</div>
			<!-- /配件 -->
			<!-- 周边 -->
			<div class=" banxin rim">
				<div class=" banxin rim_top">
					<div class="rim_top_left">
						周边
					</div>
					<div class="rim_top_right">
						<span id="periphery_1" style="color: coral;border-bottom: 2px coral solid;">热门</span>
						<span id="periphery_2" >出行</span>
					</div>
				</div>
				<!-- 周边一 -->
				<div class="periphery_item1">
					<div class="rim_box1">
						<img src="img/周边1.jpg">
					</div>
					<div class="rim_box">
						<img src="img/智能2.jpg">
						<p>小米小爱音箱 Play</p>
						<p>听音乐、语音遥控家电</p>
						<br>
						<span>109元</span>
					</div>
					<div class=" rim_box">
						<img src="img/智能3.jpg">
						<p>米家智能窗帘</p>
						<p>窗帘开合随心控</p>
						<br>
						<span>799元</span>
					</div>
					<div class=" rim_box">
						<img src="img/智能4.jpg">
						<p>小米体脂秤2</p>
						<p>轻松掌握身体脂肪率</p>
						<br>
						<span>99元</span>
					</div>
					<div class=" rim_box">
						<img src="img/智能5.jpg">
						<p>九号平衡车</p>
						<p>年轻人的酷玩具</p>
						<br>
						<span>1999元</span>
					</div>
					<div class=" rim_box11">
						<img src="img/周边6.jpg">
					</div>
					<div class=" rim_box2">
						<img src="img/智能7.jpg">
						<p>小米智能门锁 推拉式</p>
						<p>一步推拉 高端智能门锁</p>
						<br>
						<span>1699元</span>
					</div>
					<div class="rim_box2">
						<img src="img/智能8.jpg">
						<p>Redmi小爱触屏音箱 8英寸</p>
						<p>超大屏，让智能更多可能</p>
						<br>
						<span>349元</span>
					</div>
					<div class=" rim_box2">
						<img src="img/智能9.jpg">
						<p>小米手环5</p>
						<p>1种运动模式 磁吸式充电</p>
						<br>
						<span>179元起</span>
					</div>
					<div class=" rim_box2">
						<div class="rim_box2_top">
							<img src="img/zzz.jpg" width="217px" height="145px">
						</div>
						<div class="rim_box2_button">
							<img src="img/xxx.jpg" width="217px" height="145px">
						</div>
					</div>
				</div>
				<!-- 周边二 -->
				<div class="periphery_item2">
					<div class="rim_box1">
						<img src="img/周边1.jpg">
					</div>
					<div class="rim_box">
						<img src="img/周边2.jpg">
						<p>小米巨能写中性笔10支装</p>
						<p>支顶4支，超长顺滑书写</p>
						<br>
						<span>9.99元</span>
					</div>
					<div class=" rim_box">
						<img src="img/周边3.jpg">
						<p>米家迷你保温杯</p>
						<p>可以随身携带的温度</p>
						<br>
						<span>49元</span>
					</div>
					<div class=" rim_box">
						<img src="img/周边4.jpg">
						<p>贝医生巴氏牙刷 四色装</p>
						<p>进口刷毛，好品质</p>
						<br>
						<span>39.9元</span>
					</div>
					<div class=" rim_box">
						<img src="img/周边5.jpg">
						<p>米家运动鞋4</p>
						<p>轻盈若絮，弹若脱兔</p>
						<br>
						<span>199元</span>
					</div>
					<div class=" rim_box11">
						<img src="img/周边6.jpg">
					</div>
					<div class=" rim_box2">
						<img src="img/周边7.jpg">
						<p>米家指甲刀五件套</p>
						<p>轻巧多用，优雅随行</p>
						<br>
						<span>39.9元</span>
					</div>
					<div class="rim_box2">
						<img src="img/周边8.jpg">
						<p>8H乳胶床垫2</p>
						<p>软硬双面可睡</p>
						<br>
						<span>499元起</span>
					</div>
					<div class=" rim_box2">
						<img src="img/周边9.jpg">
						<p>8H乳胶床垫2</p>
						<p>软硬双面可睡</p>
						<br>
						<span>499元起</span>
					</div>
					<div class=" rim_box2">
						<div class="rim_box2_top">
							<img src="img/zzz.jpg" width="217px" height="145px">
						</div>
						<div class="rim_box2_button">
							<img src="img/xxx.jpg" width="217px" height="145px">
						</div>
					</div>
				</div>
				<script type="text/javascript">
					var periphery_1 = document.getElementById('periphery_1');
					var periphery_2 = document.getElementById('periphery_2');
					var periphery_item1 = document.querySelector('.periphery_item1');
					var periphery_item2 = document.querySelector('.periphery_item2');

					periphery_1.onmousemove = function() {
						periphery_1.style.color = 'coral';
						periphery_1.style.borderBottom = 'coral 2px solid';
						periphery_2.style.color = 'black';
						periphery_2.style.borderBottom = 'none';

						periphery_item1.style.display = 'block';
						periphery_item2.style.display = 'none';
					}

					periphery_2.onmousemove = function() {
						periphery_2.style.color = 'coral';
						periphery_2.style.borderBottom = 'coral 2px solid';
						periphery_1.style.color = 'black';
						periphery_1.style.borderBottom = 'none';

						periphery_item2.style.display = 'block';
						periphery_item1.style.display = 'none';
					}
				</script>
			</div>
			<div class="banxin rim_butten1">
				<img src="img/rimtop.jpg" width="1226px" height="120px">
			</div>
			<!-- /周边 -->

			<!-- 视频 -->
			<!-- 小米秒杀 -->
			<div class=" banxin video_two">
				<div class=" banxin video_two_top">
					视频
				</div>
				<div class=" video_two_box1">
					<img src="img/jjj.jpg" height="280px" width="300px">
				</div>
				<div class=" video_two_box">
					<img src="img/hhh.jpg" height="280px" width="295px">
				</div>
				<div class=" video_two_box">
					<img src="img/kkk.jpg" height="280px" width="295px">
				</div>
				<div class=" video_two_box">
					<img src="img/lll.jpg" height="280px" width="295px">
				</div>
			</div>

			<!-- 小米秒杀 -->
			<!-- /视频 -->
		</div>
		<!-- 第二个整体框架 -->
		<div class=" zui_butten">
			<div class="banxin zui_butten1">
				<ul>
					<li><a href="#">预约维修服务</a></li>
					<li><span>|</span><a href="#">7天无理由退货</a></li>
					<li><span>|</span><a href="#">15天免费换货</a></li>
					<li><span>|</span><a href="#">满69包邮</a></li>
					<li><span>|</span><a href="#">520余家售后网点</a></li>
				</ul>
			</div>
			<div class="banxin zui_butten2">
				<ul class="zui_butten2_text_t ">
					<li>
						<a href="#">帮助中心</a>
						<ul class="zui_butten2_text_t_son">
							<li><a href="#">账户管理</a></li>
							<li><a href="#">购物指南</a></li>
							<li><a href="#">订单操作</a></li>
						</ul>
					</li>
				</ul>
				<ul class="zui_butten2_text ">
					<li>
						<a href="#">服务支持</a>
						<ul class="zui_butten2_text_t_son">
							<li><a href="#">售后政策</a></li>
							<li><a href="#">自助服务</a></li>
							<li><a href="#">相关下载</a></li>
						</ul>
					</li>
				</ul>

				<ul class="zui_butten2_text ">
					<li>
						<a href="#">线下门店</a>
						<ul class="zui_butten2_text_t_son">
							<li><a href="#">小米之家</a></li>
							<li><a href="#">服务网点</a></li>
							<li><a href="#">授权体验店</a></li>
						</ul>
					</li>
				</ul>
				<ul class="zui_butten2_text ">
					<li>
						<a href="#">关于小米</a>
						<ul class="zui_butten2_text_t_son">
							<li><a href="#">了解小米</a></li>
							<li><a href="#">加入小米</a></li>
							<li><a href="#">投资者关系</a></li>
							<li><a href="#">企业社会责任</a></li>
							<li><a href="#">廉洁举报</a></li>
						</ul>
					</li>
				</ul>
				<ul class="zui_butten2_text ">
					<li>
						<a href="#">关注我们</a>
						<ul class="zui_butten2_text_t_son">
							<li><a href="#">新浪微博</a></li>
							<li><a href="#">官方微信</a></li>
							<li><a href="#">联系我们</a</li> </ul> </li> </ul> <ul class="zui_butten2_text ">
							<li>
								<a href="#">特色服务</a>
								<ul class="zui_butten2_text_t_son">
									<li><a href="#">F—码通道</a></li>
									<li><a href="#">礼物码</a></li>
									<li><a href="#">防伪查询</a></li>
								</ul>
							</li>
						</ul>
						<div class="zui_butten2_right">
							<img src="img/mmm.jpg" height="110px" width="250px">
						</div>
			</div>
		</div>
		</div>
		<!--/ 第二个整体框架 -->


		<!-- /第二个整体框架 -->
		<!-- /第二个整体框架 -->
		<!-- /第二个整体框架 -->
		<div class="   top3_bu">
			<div class="banxin top777">
				<img src="img/12a.png">
			</div>
		</div>
		<!-- /第二个整体框架 -->
		<!-- /第二个整体框架 -->
		<!-- /第二个整体框架 -->

		<!-- 定位 -->
		<!-- 左下角浮动 -->
		<div class="fudong">
			<ul>
				<li><img src="img/xixixi.png"><a href="#">手机App</a></li>
				<li><img src="img/xixixi111.png"><a href="#">个人中心</a></li>
				<li><img src="img/xixixi2222.png"><a href="#">稍后服务</a></li>
				<li><img src="img/xixixi3333.png"><a href="#">人工智能</a></li>
				<li><img src="img/xixi5.png"><a href="#"> &nbsp;&nbsp; 购物车</a></li>
			</ul>
			<div class="nini">
				<img src="img/222222222222.png">
			</div>
			<!-- 浮动的样式 -->
		</div>
		<script type="text/javascript">
			var fudong = document.querySelector('.fudong');
			var nini = document.querySelector('.nini');
			fudong.onmousemove = function() {
				nini.style.display = 'block';
			}
			fudong.onmouseleave = function() {
				nini.style.display = 'none';
			}
		</script>
		<!-- /定位 -->
		<!-- /左下角浮动 -->
	</body>
</html>
